 
 <!doctype html>
<html>
 <head>
<meta charset="utf-8">

<title>综合设置边框</title><style type="text/css">
 h2{
  border bottom:5px double blue;
  text-align:center;
 }
.text{
 boder-top:3px dashed #f0; boder-right:10px double #900; boder-bottom:3px dotted #ccc boder-left:10px soild qreen;
}
 pingmian{
  boder:15px soild #ccc;}
 </style>
</head>

 <body>
<h2>设置边框属性</h2>
<p class-"text">该段落使用单侧边框的综合属性，分别给上、右、下、左四个边设置不同的样式。</p>
<img class="pingmian" src="微信图片_20210329113741.png" alt="图片"/>
 </body>
</html>
